﻿body { text-align: left; padding: 0; margin: 0; font-size: 14px; font-family: 'microsoft yahei'; -webkit-text-size-adjust: none; height: auto; color: #333; background: #f8f8f8; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; }
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th { padding: 0; margin: 0; }
fieldset { border-top-width: 0; border-left-width: 0; border-bottom-width: 0; border-right-width: 0; }
a img { border: 0; padding: 0; margin: 0; }
i { font-style: normal; }
address, caption, cite, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
li { list-style-type: none; }
caption { text-align: left; }
th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 100%; }
q:unknown {
 content: '';
}
html{ min-width:1200px; }
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/ }
input, textarea, select { font-family: inherit; font-size: 100%; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #cd2313; text-decoration: none; }
.icon { background-image: url("../images/icon.png"); display: inline-block; vertical-align: middle; }
.icon5 { background-image: url("../images/icon5.png"); display: inline-block; vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; font-size: 0; margin: 0; padding: 0; display: block; _height: 0; overflow: hidden; }
/*清除浮动*/
.clearfix {  *zoom: 1;
}
.por { position: relative; }
.poa { position: absolute; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.w1200 { width: 1200px; margin: 0 auto; }
/*网站公用样式表*/
#menu { position: fixed; right: 5px; top: 50%; width: 90px; margin: -160px 0 0; padding: 0; list-style-type: none; z-index: 70; }
#menu li { margin-top: 10px; font: 14px "Microsoft Yahei"; }
#menu a { display: block; width: 10px; height: 10px; border-radius: 100%; background-color: #f4f4f4; color: #0074EA; text-align: center; text-decoration: none; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
#menu .active a { background: #a71709; }
.head_main { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); z-index: 20; position: fixed; left: 0; top: 0; width: 100%; height: 100px; background-color: #fff; }
.head_main .left img { padding-top: 15px; height:65px; }
.head_main .nav { width:742px; }
.head_main .nav .app { float: left; margin-left: 10px; width: 140px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; margin-top: 30px; }
.head_main .nav .app a {  }
.head_main .nav .app a:hover { color: #fff; }
.head_main .nav li { width: 100px; text-align: center; line-height: 100px; font-size: 14px; position: relative; float: left; margin: 0 3px; }
.head_main .nav li a { position: relative; }
.head_main .nav li i { position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background-color: #cd2313; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.head_main .nav li:hover i, .head_main .nav li.hover i { width: 100%; margin-left: -50%; }
.head_main .nav li:hover a, .head_main .nav li.hover a { color: #cd2313; }
.head_main .nav a { display: inline-block; height: 100px; width: 100%; }
.head_main .nav a:hover { color: #cd2313; }
.head_main .nav .sub-box { background-color: #fff; width: 100%; position: absolute; left: 0; top: 100px; display: none; }
.head_main .nav .sub-box p { line-height: 40px; width: 100%; border-bottom: 1px solid #e5e5e5; font-size: 15px; text-align: center; }
.head_main .nav .sub-box p a { color: #333; line-height: 40px; height: 40px; }
.head_main .nav .sub-box p:hover a { color: #c8151e; }
.section { font: 14px "Microsoft Yahei"; }
.section1 { position: relative; }
.section1 .bg{width:100%; height:100%; background:url(../images/banner1_bg.png) repeat;position:absolute;left:0;top:0; z-index:10;}
.section1 .cut3video { min-width: 100%; width: 1920px; margin-left: -960px; min-height: 1080px; height: 1080px; position: absolute; top: -100px; left: 50%; z-index: 10; }
.section1 .screen-main span { position: absolute; z-index: 19; opacity:0; }
.section1 .screen-main .shi1 { width:83px; height:76px; left: 10px; top: 110px; z-index: 4; background: url(../images/banner1_1.png); }
.section1 .screen-main .shi2 { width: 86px; height:90px; left:85px; z-index: 1; top:84px; background: url(../images/banner1_2.png); }
.section1 .screen-main .shi3 { width: 80px; height: 97px; left: 163px; z-index: 3; top:110px; background: url(../images/banner1_3.png); }
.section1 .screen-main .shi4 { width:95px; height:77px; left:241px; z-index: 2; top:86px; background: url(../images/banner1_4.png); }



/*banner*/
#banner_main{position:relative; z-index:3;height: 100%;}
.banner{position: relative;width: 100%;min-width: 1000px;overflow: hidden;height: 100%; }
.banner .list{width: 100%;display:inline-block;}
.banner .list li{width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; background: #fff;}
.banner .list li a{width: 100%; display: block; height: 100%;}
.banner img{width: 100%; height: 100%; display: block; position: relative; left: 0; top: 0;}

.banner .prev,.banner .next {background:url("../images/icon5.png") no-repeat center center; width:64px; height:64px; position: absolute; z-index: 12; top: 50%; margin-top: -30px; cursor: pointer; background-position: -0px -147px;display:none;}
.banner .prev {left:8%; background-position: -0px -147px;}
.banner .prev:hover { background-position:  -162px -147px;}
.banner .next { right:8%; background-position: -94px -147px;}
.banner .next:hover { background-position: -256px -147px;}
.banner:hover .prev,.banner:hover .next { display: block;}
.banner .sline{ display:none;}
.banner .tip1{position: absolute; width: 100%; left:0%; bottom: 40px; height: 34px; z-index: 30; text-align:center;}
.banner .tip1 li{margin: 0 5px; width: 34px; height: 34px; line-height: 10px; text-align: center; cursor: pointer; font-size: 0; font-weight: bold; overflow: hidden; display: inline-block; background:url("../images//tip.png") no-repeat center center; *display: inline; *zoom: 1; transition: ease-in-out 0.2s;}
.banner .tip1 li.cur{background:url("../images/tip_on.png") no-repeat center center;}
.banner .pbg1{position:absolute;bottom:0;left:0;width:885px;height:225px;background:url("../images/banner_bg1.png") no-repeat center center;z-index:4;background-size:cover;}
.banner .pbg2{position:absolute;bottom:0;right:0;width:1614px;height:330px;background:url("../images/banner_bg2.png") no-repeat center center;z-index:3;background-size:cover;}
.banner .v-txt{position:absolute;width:100%;top:44%;text-align:center;z-index:14;}
.banner .v-txt h3{height:90px;font-size:54px;line-height:90px;margin-bottom:12px;color:#fff;letter-spacing:8px;}
.banner .v-txt h3 .uimg1{display:block;width:596px;height:61px;margin:0 auto;}
.banner .v-txt h3 .uimg2{display:block;width:283px;height:30px;margin:0 auto;margin-top:30px;}
.banner .video-container{background-color:#fff;z-index:1;}
.banner .video-container #video{display:block;min-width:100%;min-height:106%;position:absolute;top:0%;left:0%;z-index:12;/*transform:scale(1.25)*/}
.banner .opacity{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index:13;}
.banner .online{position:absolute;bottom:30%;left:50%;margin-left:-70px;display:block;width:140px;height:40px;font-size:14px;line-height:40px;text-align:center;color:#fff;border:1px solid #fff;z-index:16;transition:all ease 0.36s;border-radius:5px;}
.banner .online:hover{text-indent:6px;color:#fff;border-color:#d9491d;background:#d9491d;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;}
.banner .video-container{background-color:#fff;z-index:1;}
.banner .video-container #video{display:block;min-width:100%;min-height:106%;position:absolute;top:0%;left:0%;z-index:12;/*transform:scale(1.25)*/transform:scale(1.1)}
.banner .opacity{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url("../images/s1_01.png") no-repeat center center;z-index:13;}
.banner .online{position:absolute;bottom:30%;left:50%;margin-left:-70px;display:block;width:140px;height:40px;font-size:14px;line-height:40px;text-align:center;color:#fff;border:1px solid #fff;z-index:16;transition:all ease 0.36s;border-radius:5px;}
.banner .online:hover{text-indent:6px;color:#fff;border-color:#0065b4;background:#0065b4;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;}



.section1 .screen-main .shi11 { width:95px; height:94px; left:0px; z-index: 2; top:232px; background: url(../images/banner1_11.png); }
.section1 .screen-main .shi12 { width:97px; height:116px; left:74px; z-index: 2; top:187px; background: url(../images/banner1_12.png); }
.section1 .screen-main .shi13 { width:88px; height:98px; left:160px; z-index: 2; top:236px; background: url(../images/banner1_13.png); }
.section1 .screen-main .shi14 { width:110px; height:103px; left:240px; z-index: 2; top:236px; background: url(../images/banner1_14.png); }

.screen-main { position: absolute; height: 570px; left: 50%; margin-left: -600px; top: 50%; margin-top: -265px; z-index: 11; width: 1200px; }
.section3 { background-image: url(../images/banner3.jpg); background-color: #d02715; background-repeat: no-repeat; background-position: center 80px; background-size: cover; }
.section3 .left { width: 535px; text-align: left; padding-top: 35px; color: #fff; }
.section3 .left h4 { font-size: 16px; font-family: arial; font-weight: 100; text-transform: uppercase; padding-top: 5px; }
.section3 .left h3 { font-size: 32px; font-weight: 100; line-height: 50px; }
.section3 .left h5 { font-size: 18px; font-weight: 100; padding-bottom: 30px; }
.section3 .left p { margin-bottom: 34px; opacity: 0.9; line-height: 24px; }
.section3 .left dt { font-size: 16px; padding-bottom: 9px; }
.section3 .left dt i { width: 14px; height: 12px; background-position: 0 0; margin-right: 20px; }
.section3 .left dd { padding-bottom: 32px; opacity: 0.9; line-height: 24px; padding-left: 34px; }
.section3 .left a { width: 200px; height: 60px; line-height: 60px; text-align: center; background: #fff; display: block; border-radius: 10px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); transition: ease-in-out .2s; color: #333; }
.section3 .left a i { width: 13px; height: 9px; background-position: -18px 0; margin-left: 15px; }
.section3 .left a:hover { width: 250px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }
.section3 .right { width:387px;  height:387px;background:url(../images/s3_bg.png) no-repeat; margin-top:44px; position:relative; padding-right:102px; }
.section3 .right .bg{width:377px;height:377px;border:5px dashed #fff; position:absolute;left:0;top:0; opacity:0.5;-webkit-animation: rotate 40s linear 0s infinite; animation: rotate 40s linear 0s infinite; border-radius:100%;}
.section3 .right li .on{width:63px;height:63px;background:#fff;border-radius:100%;opacity:0; position:absolute;left:314px;top:44px;display:block; z-index:10;transition:ease-in-out .2s;}
.section3 .right li .txt{width:53px;height:53px;background:#fff;border-radius:100%; position:absolute;left:319px;top:49px;display:block; z-index:9;text-align:center;line-height:53px;font-size:18px;color:#b81c25;}
.section3 .right li p{position:absolute;line-height:24px;left:375px;top:49px;color:#fff;width:100px;text-align:center;}
.section3 .right .l2 .txt{left:338px;top:243px;}
.section3 .right .l2 .on{left:333px;top:238px;}
.section3 .right .l2 p{left:395px;top:243px;}
.section3 .right .l3 .txt{left:169px;top:356px;}
.section3 .right .l3 .on{left:164px;top:351px;}
.section3 .right .l3 p{left:145px;top:420px;}

.section3 .right .l4 .txt{left:0px;top:243px;}
.section3 .right .l4 .on{left:-5px;top:238px;}
.section3 .right .l4 p{left:-103px;top:243px;}

.section3 .right .l5 .txt{left:13px;top:44px;}
.section3 .right .l5 .on{left:8px;top:39px;}
.section3 .right .l5 p{left:-93px;top:44px;}
.section3 .right li .on:hover{ opacity:0.4;}
.section4 { background-image: url(../images/banner4.jpg); background-color: #fff; background-repeat: no-repeat; background-position: center bottom; background-size: cover; }
.section4 .title {text-align:center; padding-bottom:80px; padding-top:80px;}
.section4 .title  h3 { font-size: 32px; line-height: 50px; color: #000; }
.section4 .title  h4 {font-size:18px;font-family:Arial;text-transform:uppercase;}
.section4 .title  h5 { font-size: 18px; font-weight: 100; padding-bottom: 30px; padding-top: 10px; color: #cd2313; }
.section4 .box1 { padding-bottom: 20px; overflow:hidden; }

.section4 .box1  ul { }
.section4 .box1  ul li {  text-align: center; float: left; border-right: 1px solid #d2d2d2; width:25%;box-sizing:border-box; }
.section4 .box1  ul li h4 { font-size: 18px; font-weight: 100; padding-bottom: 25px; }
.section4 .box1  ul li h3 { font-weight: 100; position: relative; display:inline-block; }
.section4 .box1  ul li h3 b { color: #b81c25; font-size:80px; font-weight:bold; line-height: 67px; }
.section4 .box1  ul li h3 span { display: block; position: absolute; right:-20px; top: 0; }
 .section4 .box1  ul .l1{ padding-left:0px;}
 
   .section4 .box1  ul .l4{border-right:none;}
.section4 .box1  ul li p { color: #666; padding-top:15px; }
.section5 { background: url(../images/select_5_bg.png) repeat; }
.section5 .left { width:653px; text-align: left; padding-top: 50px; }
.section5 .left h4 { font-size: 18px; font-family: arial; font-weight: 100; text-transform: uppercase; padding-top: 5px; }
.section5 .left h3 { font-size: 32px; line-height: 50px; color: #000; }
.section5 .left h5 { font-size: 18px; font-weight: 100; padding-bottom: 30px; padding-top: 10px; color: #cd2313; }
.section5 .left p { margin-bottom: 34px; opacity: 0.9; line-height: 24px; }
.section5 .left .wx dd{padding-right:61px;width:150px;text-align:center;float:left;}
.section5 .left .wx dd h6{color:#b81c25;font-size:16px; padding-top:16px;font-weight:100;}

.section5 .left .wx  dt{width:227px;float:right;}
.section5 .left .wx  dt .img11{width:227px;height:69px;display:block;margin-bottom:14px;}
.section5 .left .wx  dt a{position:relative;width:227px;height:69px;display:block;margin-bottom:14px;}
.section5 .left .wx  dt .img2{position:absolute;right:-140px;top:0;width:129px;height:129px;display:none;}
.section5 .left .wx  dt a:hover .img2{display:block;}
.section5 .left .wx dd img{width:150px;height:150px;display:block; }
.section5 .img1 { position: absolute; left:812px; top: 90px; z-index:9; }

.section6 { background-image: url(../images/banner6_bg.jpg); background-color: #f8f8f8; background-position: center 50%; background-size: 100% auto; background-repeat: no-repeat; }
.section6 .mess { background: #cd2313; width: 284px; padding-left: 59px; padding-right: 54px; height: 695px; position: absolute; left: 50%; margin-left: -370px; top: 50%; margin-top: -342px; z-index: 10; }
.section6 .mess h4 { font-size: 24px; color: #fff; font-weight: 100; padding-top: 99px; padding-bottom: 5px; }
.section6 .mess h3 { font-size: 32px; color: #fff; text-transform: uppercase; font-weight: 100; margin-bottom: 56px; }
.section6 .mess input { border: none; border-bottom: 1px solid #ffffff; background: none; color: #fff; width: 284px; outline: none; line-height: 44px; margin-bottom: 24px; height: 44px; }
.section6 .mess textarea { border: none; border-bottom: 1px solid #ffffff; background: none; color: #fff; width: 284px; outline: none; resize: none; height: 80px; overflow:hidden; }
.section6 .mess .btn { border: 1px solid #fff; width: 133px; height: 40px; line-height: 40px; text-align: center; margin-top: 53px; transition: ease-in-out .2s; }
.section6 .mess .btn:hover { width: 100%; cursor: pointer; }
.section6 .tel { position: absolute; left: 715px; top: 50%; margin-top: -138px; height: 276px; }
.section6 .tel h4 { font-size: 18px; font-family: arial; font-weight: 100; text-transform: uppercase; padding-top: 5px; }
.section6 .tel h3 { font-size: 32px; line-height: 50px; color: #000; }
.section6 .tel h5 { font-size: 18px; font-weight: 100; padding-bottom: 30px; padding-top: 10px; color: #cd2313; }
.section6 .tel i { width: 26px; height: 26px; background-position: -325px 0; margin-right: 8px; }
.section6 .tel li { margin-bottom: 17px; font-size: 16px; }
.section6 .tel .l2 i { background-position: -351px 0; }
.section6 .tel .l3 i { background-position: -377px 0; }
.section6 .screen-main { z-index: 9; }
.bottom_main { background: #cd2313; z-index: 15; border-top: 1px solid #b81606; text-align: center; line-height: 60px; color: #fff; font-size: 24px; text-transform: uppercase; width: 100%; height: 60px; position: absolute; left: 0; bottom:30px; }
.bottom_copy { height: 30px; background: #000; z-index: 15; color: #fff; font-size: 12px; text-align: center; width: 100%; line-height:30px; position:fixed; left: 0; bottom: 0; }
.bottom_copy a { color: #fff; }
.bottom_copy a:hover { color: #ecc31d; }
.bottom_copy2{background:url(../images/bg8.png) repeat;}
.ny_bott { position: relative; bottom: inherit; border: none; }
.sub_banner { height: 260px; margin-top: 100px; }
.ny_title { text-align: center; margin-bottom: 60px; }
.ny_title h3 { font-size: 36px; color: #cd2313; font-weight: 100; line-height: 127px; }
.ny_title ul { display: inline-block; }
.ny_title ul li { float: left; margin: 0 20px; }
.ny_title ul li a { padding-bottom: 10px; border-bottom: 2px solid #f8f8f8; display: inline-block; color: #333; }
.ny_title ul li .hover, .ny_title ul li :hover { border-bottom: 2px solid #666; }
.news li { border: 1px solid #e8e7e7; margin-bottom: 50px; height: 169px; background: #fff; }
.news li a { display: block; width: 100%; height: 100%; }
.news li .box1 { width: 300px; height: 169px; overflow: hidden; position: relative; }
.news li .box1 img { width: 300px; height: 169px;transition:ease-in-out .5s; }
.news li .box2 { width: 665px; margin-left: 32px; }
.news li .box2 h3 { font-size: 20px; font-weight: 100; line-height: 82px; }
.news li .box2 p { color: #999; line-height: 24px; }
.news li .box3 { margin-right: 45px; }
.news li .box3 h3 { font-size: 40px; color: #999; font-family: arial; font-weight: 100; padding-top: 45px; }
.news li .box3 p { color: #999; font-size: 20px; font-family: arial; }
.news li:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
.news li:hover .box2 h3 { color: #cd2313; }
    .news li:hover .box1 img {
        transform: scale(1.05);
    }
/* pager */
.pager { text-align: center; padding: 0 0 0;  *zoom: 1;
 *padding: 50px 0 0;
}
.pager:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.pager p { height: 26px; line-height: 26px; display: inline-block;  *display: inline;
 *zoom: 1;
display: none; }
.pager ul { display: inline-block;  *display: inline;
 *zoom: 1;
overflow: hidden; }
.pager ul li { float: left; margin: 0 5px; padding: 0 !important; height: auto !important; border: none !important; }
.pager ul a { line-height: 30px; padding: 5px 15px; transition: all ease 300ms; color: #000000; text-decoration: none; float: left; border: 1px solid #ddd; }
.pager ul a.current, .pager ul a:hover { color: #fff; border: 1px solid #cd2313; background: #cd2313; }
.m100px { margin-bottom: 100px; }
.job { padding: 10px; overflow: hidden; margin-bottom: 30px; }
.job ul { width: 110%; }
.job li { width: 290px; height: 370px; background: #fff; float: left; margin-right: 13px; position: relative; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2); margin-bottom: 30px; }
.job li .img { display: block; width: 290px; height: 305px; overflow: hidden; }
.job li .img img { width: 290px; height: 305px; transition: ease-in-out .5s; }
.job li .txt { display: block; width: 111px; height: 111px; text-align: center; border-radius: 100%; background: #fff; position: absolute; left: 50%; margin-left: -55.5px; bottom: 23px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
.job li .txt h3 { font-size: 24px; font-weight: 100; padding-top: 33px; color: #333; }
.job li .txt p { color: #666; }
.job li:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); }
.job li:hover .img img { transform: scale(1.1); }
.job_show { margin-bottom: 100px; margin-top: 100px; }
.job_show .left { width: 438px; }
.job_show .left img { max-width: 438px; }
.job_show .right { width: 556px; padding-right: 138px; }
.job_show .right h1 { font-size: 18px; padding-top: 51px; font-weight: 100; }
.job_show .right h3 { font-weight: 100; padding-bottom: 41px; }
.job_show .right h4 { padding-bottom: 29px; font-weight: 100; }
.job_show .right .con { line-height: 24px; }
.about_main .tit { border-bottom: 1px solid #dfdfe6; }
    .about_main .tit .w1200 {
        overflow: hidden;
    }
.about_main .tit h3 { font-size: 65px; color: #cd2313; padding-top: 88px; text-transform: uppercase; font-weight: 100; }
.about_main .tit h4 { font-size: 32px; color: #cd2313; font-weight: 100; padding-bottom: 30px; }
.about_main .con { line-height: 24px; padding-top: 39px; margin-bottom: 100px; }
.about_main .con img { max-width: 100%; }
.flash { padding: 10px; overflow: hidden; margin-bottom: 20px; }
.flash ul { width: 110%; }
.flash li { background: #fff; width: 381px; float: left; margin-right: 30px; position: relative; height: 361px; margin-bottom: 30px; }
.flash li a { display: block; width: 100%; height: 100%; }
.flash li .img { width: 381px; height: 286px; position: relative; display: block;overflow:hidden; }
.flash li .img img { width: 381px; height: 286px; display: block;transition:ease-in-out .5s; overflow:hidden; }
.flash li .img .on { position: absolute; z-index: 10; background: url(../images/bg5.png); left: 0; top: 0; width: 100%; height: 100%; display: block; transition: ease-in-out .2s; opacity: 0; filter: alpha(opacity=0); }
.flash li .img .on i { width: 73px; height: 73px; background-position: -290px -46px; left: 50%; margin-left: -36.5px; top: 40%; margin-top: -36.5px; position: absolute; transition: ease-in-out .2s; }
.flash li .txt { height: 77px; line-height: 77px; font-size: 16px; padding-left: 25px; position: relative; }
.flash li .txt i { width: 21px; height: 13px; background-position: 0 -33px; position: absolute; right: 29px; top: 50%; margin-top: -7px; }
.flash li:hover .img .on { opacity: 1; filter: alpha(opacity=100); }
    .flash li:hover .img img {
        transform: scale(1.1);
    }
.flash li:hover .img .on i { top: 50%; }
.img_list li .img .on i { background-position: -416px 0; width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; }
.news_show { margin-bottom: 100px; }
.news_show .t { text-align: center; padding-bottom: 26px; border-bottom: 1px solid #e5e5e5; }
.news_show .t h1 { font-size: 24px; font-weight: 100; }
.news_show .t p { font-size: 12px; line-height: 30px; }
.news_show .con { padding: 35px 0; line-height: 30px; }
.news_show .con img { max-width: 100%; }
.reLink { line-height: 24px; color: #000; padding-bottom: 30px; border-top: 1px solid #e5e5e5; font-size: 18px; padding-top: 18px; margin-top: 10px; }
.reLink .prevLink { color: #000; float: left; }
.reLink .nextLink { float: right; }
.local { margin-top: 20px; margin-bottom: 50px; }
.local .left li { float: left; text-align: center; margin-right: 10px; }
.local .left li a { padding: 8px 15px; display: block; border-radius: 20px; }
.local .left li a:hover, .local .left li a.hover { background: #cd2313; color: #fff; }
.remm { margin-top: 33px; }
.remm .tit { padding-bottom: 10px; }
.remm .tit .left { color: #060001; font-size: 20px; }
.remm .tit .right a { font-size: 16px; color: #060001; transition: ease-in-out .2s; }
.remm .tit .right a:hover { margin-right: 10px; }
.remm .body { overflow: hidden; }
.remm .body ul { width: 120%; }
.remm .body ul li { border-bottom: 1px dashed #ccc8c8; width: 570px; float: left; margin-right: 56px; padding: 17px 0; }
.remm .body ul li .left { width: 90px; height: 68px; overflow: hidden; }
.remm .body ul li .left img { width: 90px; height: auto; display: block; }
.remm .body ul li .right { width: 440px; }
.remm .body ul li .right h3 { padding-bottom: 10px; font-size: 18px; color: #000; font-weight: 100; }
.remm .body ul li .right p { font-size: 12px; color: #666; }
.remm .body ul li a { display: block; width: 100%; height: 100%; cursor: pointer; }
.remm .body ul li a:hover h3 { color: #443220; }
.erro { text-align: center; }
.sideMenu { margin: 62px auto 50px; }
.sideMenu .h3 { padding: 17px 19px; border: 1px solid #dcdcdc; border-left: 8px solid #de392d; margin-bottom: 22px; }
.sideMenu .h3 .title .left h3 { font-size: 20px; color: #000; font-weight: 100; padding-bottom: 10px; }
.sideMenu .h3 .title .right { color: #999; font-size: 18px; padding-top: 17px; }
.sideMenu .h3 .title p { color: #999; display: block; font-size: 18px; }
.sideMenu ul { border-top: 1px solid #dcdcdc; padding-top: 15px; margin-top: 15px; color: #999; display: none; line-height: 28px; }
.contact_tit { padding-top: 50px; margin-bottom: 0; }
.contact { padding-top: 20px; }
.contact .box1 { border-bottom: 1px dotted #2a2a2a; text-align: left; padding-bottom: 64px; margin-bottom: 63px; }
.contact .box1 .left { width: 680px; }
.contact .box1 .input { border: 1px solid #d2d2d2; height: 32px; line-height: 32px; margin-bottom: 18px; width: 307px; text-indent: 44px; outline: none; padding: 10px 0;color:#666 }
.contact .box1 li { position: relative; width: 309px; margin-right: 31px; float: left; }
.contact .box1 i { background-image: url(../images/icon.png) no-repeat; width: 22px; height: 22px; background-position: -372px -40px; position: absolute; left: 15px; top: 15px; z-index: 10; }
.contact .box1 .l2 i { background-position: -394px -40px; }
.contact .box1 .l3 i { background-position: -416px -40px; }
.contact .box1 .l4 i { background-position: -436px -40px; }
.contact .box1 textarea { width: 627px; border: 1px solid #d2d2d2; margin-left: 0; float: left; height: 126px; resize: none; padding: 10px;color:#666 }
.contact .box1 .btn { width: 190px; height: 55px; line-height: 55px; text-align: center; background: #cd2313; color: #fff; border: none; font-size: 16px; border-radius: 10px; margin-top: 17px; cursor: pointer; transition: ease-in-out .2s; }
.contact .box1 .btn:hover { width: 270px; }
.contact .box1 .right { width: 451px; color: #666; }
.contact .box1 .right h4 { border-bottom: 1px dotted #d2d2d2; font-size: 24px; font-weight: 100; padding-bottom: 28px; margin-bottom: 25px; }
.contact .box1 .right li { width: 404px; position: relative; padding-left: 47px; line-height: 25px; margin-bottom: 20px; }
.contact .box1 .right li i { width: 25px; height: 25px; position: absolute; left: 0; top: 0; background-position: -371px -67px; }
.contact .box1 .right .l2 i { background-position: -396px -67px; }
.contact .box1 .right .l3 i { background-position: -421px -67px; }
.contact .box2 { margin-bottom: 92px; }
.contact .box2 .left { width: 451px; color: #666; text-align: left; }
.contact .box2 .left h4 { border-bottom: 1px dotted #d2d2d2; font-size: 24px; font-weight: 100; padding-bottom: 28px; margin-bottom: 25px; width: 100%; }
.contact .box2 .left li { width: 404px; position: relative; padding-left: 47px; line-height: 25px; margin-bottom: 20px; }
.contact .box2 .left li i { width: 30px; height: 30px; position: absolute; left: 0; top: 0; background-position: -1px -127px; }
.contact .box2 .left .l2 i { background-position: -31px -127px; }
.contact .box2 .left .l3 i { background-position: -61px -127px; }
.contact .box2 .right #map1_container, .contact .box2 .right #allmap1 { width: 650px; height: 500px; }
.about_title { text-align: center; padding-top: 97px; }
.about_title h3 { color: #b81c25; font-size: 65px; text-transform: uppercase; }
.about_title p { position: relative; font-size: 32px; height: 40px; line-height: 40px; display: inline; }
.about_title p span { display: block; width: 50px; height: 1px; background: #c9c9c9; position: absolute; right: -70px; top: 19px; }
.about_title p span:first-child { left: -70px; right: auto; }
.about1_main { margin-top: 100px; background: url(../images/about1.jpg) no-repeat; height: 901px; position: relative; }
.about1_main .b { display: block; width: 60px; height: 60px; background: #cd2313; color: #fff; line-height: 60px; font-size: 36px; font-weight: 100; position: absolute; left: 50%; margin-left: -30px; bottom: -30px; text-align: center; z-index: 12; transition: ease-in-out .2s; }
.about1_main .about_title p { color: #fff; font-size: 24px; }
.about1_main .about_title p span { background: #fff; top: 17px; }
.about1_main .circle { width: 444px; height: 444px; position: absolute; top: 50%; margin-top: -140px; left: 50%; margin-left: -222px; }
.about1_main .titbox { margin-top: -298px; }
.about1_main .circle .bg-box { width: 444px; height: 444px; background: url(../images/bg_06.png) no-repeat center; -webkit-animation: rotate 15s linear 0s infinite; animation: rotate 15s linear 0s infinite; opacity: 1; }
.about1_main .link-column { width: 100%; position: absolute; padding-top: 150px; left: 0; top: 0; z-index: 2; text-align: center; height: 293px; }
.about1_main .link-column .brand-ico { height: 52px; width: 100%; background: url(../images/ico_09.png) no-repeat center; }
.about1_main .link-column .word { display: block; line-height: 22px; font-size: 14px; color: #fff; opacity: 0.6; width: 215px; margin: 6px auto 0; }
.about1_main .link-column .more { display: inline-block; width: 116px; height: 32px; line-height: 32px; color: #fff; font-size: 12px; font-family: "Arial"; background-color: rgba(255, 255, 255, 0.1); margin-top: 32px; text-transform: uppercase; border-radius: 3px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.about1_main .link-column .more:hover { background-color: #cd2313; }
.about1_main .link-column .top-big { display: block; width: 143px; height: 143px; background: url(../images/bg_07.png) no-repeat center; text-align: center; position: absolute; left: 50%; margin-left: -72px; top: 140px; opacity: 0; }
.about1_main .link-column .top-big .cn { margin-top: 54px; font-size: 28px; line-height: 20px; color: #fff; }
.about1_main .link-column .top-big .cn span { color: #fff; font-size: 10px; text-transform: uppercase; font-family: arial; }
.about1_main .link-column .top-big .en { font-size: 12px; line-height: 18px; color: #fff; opacity: 0.4; transition: all 0.3s ease 0s; }
.about1_main .link-column .top-big:hover .en { opacity: 1; }
.about1_main .link-column .small-box { display: block; width: 114px; height: 114px; background: url(../images/bg_08.png) no-repeat center; text-align: center; position: absolute; opacity: 0; }
.about1_main .link-column .small-box .num { font-size: 18px; line-height: 30px; color: #f91747; margin-top: 33px;/*font-family: "Arial";*/ }
.about1_main .link-column .small-box .en { line-height: 14px; color: #fff; opacity: 0.5; width: 100px; margin: 0 auto;/*text-transform: uppercase;*/ -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.about1_main .link-column .small-box:hover .en { opacity: 1; }
.about1_main .link-column .left-bot { left: 164px; bottom: 174px; }
.about1_main .link-column .right-bot { right: 164px; bottom: 174px; }
.about1_main .link-column .cent-font { opacity: 0;/*margin-top: 10px;*/ }
.about1_main .column-main { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
.about1_main .column-main li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); position: absolute; min-width: 210px; }
.about1_main .column-main li a { display: block; float: left; width: 100%; padding-bottom: 18px; }
.about1_main .column-main li .line { display: block; width: 7px; height: 56px; background-color: #f91747; position: absolute; top: 0; opacity: 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.about1_main .column-main li.left .line { left: 0; }
.about1_main .column-main li.right .line { right: 0; }
.about1_main .column-main li:hover .line { opacity: 1; }
.about1_main .column-main li:hover .tit .en { opacity: 1; }
.about1_main .column-main li.left:hover .line { left: -32px; }
.about1_main .column-main li.right:hover .line { right: -32px; }
.about1_main .column-main .tit { display: block; }
.about1_main .column-main .tit .en2 { color: #fff; padding-top: 5px; opacity: 1; text-transform: uppercase; opacity: 0.4; }
.about1_main .column-main .tit .cn { line-height: 32px; font-size: 20px; color: #fff; }
.about1_main .column-main .tit .num-red { font-size: 22px; color: #f91747; }
.about1_main .column-main .tit .en { font-size: 14px; color: #fff; opacity: 0.2; line-height: 20px; text-transform: uppercase; -webkit-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; }
.about1_main .column-main li.li1 { top: 35px; left: -332px; opacity: 1; }
.about1_main .column-main li.li2 { left: -272px; top: 185px; }
.about1_main .column-main li.li3 { left: -233px; top: 332px; }
.about1_main .column-main li.li4 { right: -330px; top: 35px; text-align: right; }
.about1_main .column-main li.li5 { right: -290px; top: 185px; text-align: right; }
.about1_main .column-main li.li6 { right: -250px; top: 332px; text-align: right; }
.about2_main { padding-top: 94px; position: relative; z-index: 10; background: url(../images/about_2_bg.jpg) repeat; width: 100%; }
.about2_main .w1200 { position: relative; padding-bottom: 200px; }
.about2_main .left { width: 600px; }
.about2_main .left img { width: 600px; }
.about2_main i { width: 197px; height: 197px; background: url(../images/about_2.png) no-repeat; position: absolute; left: 0; bottom: -100px; }
.about2_main .right { width: 500px; }
.about2_main .right h3 { font-size: 65px; color: #b81c25; font-weight: 100; margin-bottom: 25px; text-transform: uppercase; padding-top: 12px; }
.about2_main .right h4 { font-size: 32px; color: #333; font-weight: 100; margin-bottom: 33px; }
.about2_main .right .p { line-height: 24px; font-size: 14px; }
.about2_main .right a { width: 147px; height: 47px; line-height: 47px; text-align: center; display: block; color: #fff; font-size: 16px; background: #b81c25; margin-top: 38px; transition: ease-in-out .2s; }
.about2_main .right a:hover { box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.4); }
.about3_main { background: #222538; position: relative; height: 1080px; width: 100%; overflow: hidden; }
.about3_main .about_title { padding-top: 80px; }
.about3_main .about_title p { color: #fff; font-size: 24px; }
.about3_main .about_title p span { background: #fff; top: 17px; }
.about3_main .i-content { width: 100%; height: 100%; }
.about3_main .hr { position: absolute; top: 50%; height: 2px; background-color: #e23b2d; width: 50%; z-index: 3; }
.about3_main .hr-left { right: 50%; margin-right: 333px; }
.about3_main .hr-left::after { content: ""; display: block; width: 17px; height: 158px; background: url(../images/bg_10.png) no-repeat center; position: absolute; right: -17px; top: -78px; }
.about3_main .hr-right { left: 50%; margin-left: 333px; }
.about3_main .hr-right::after { content: ""; display: block; width: 17px; height: 158px; background: url(../images/bg_11.png) no-repeat center; position: absolute; left: -17px; top: -78px; }
.about3_main .out-border-fir { width: 1272px; height: 1272px; border: 10px dashed #2d3042; border-radius: 640px; position: absolute; left: 50%; top: 50%; margin-left: -636px; margin-top: -636px; z-index: 2; -webkit-animation: rotate 80s linear 0s infinite; animation: rotate 80s linear 0s infinite; }
.about3_main .out-border-sec { width: 1098px; height: 1098px; border: 10px dotted #fff; opacity: 0.05; border-radius: 640px; position: absolute; left: 50%; top: 50%; margin-left: -549px; margin-top: -549px; z-index: 2; -webkit-animation: rotates 80s linear 0s infinite; animation: rotates 80s linear 0s infinite; }
.about3_main .circle-last { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -300px; opacity: 0.05; -webkit-animation: rotate 80s linear 0s infinite; animation: rotate 80s linear 0s infinite; }
.about3_main .circle-last svg { width: 100%; height: 100%; }
.about3_main .circle-last-after { width: 580px; height: 580px; display: block; position: absolute; left: 50%; margin-left: -290px; top: 50%; margin-top: -290px; -webkit-animation: rotates 80s linear 0s infinite; animation: rotates 80s linear 0s infinite; }
.about3_main .circle-last-after svg { width: 100%; height: 100%; }
.about3_main .circle-last-after .circlelastafter { opacity: 0.3; fill-opacity: 0; stroke: #F7F9F9; stroke-dasharray: 2, 10; enable-background: new; }
.about3_main .cent-column { width: 440px; height: 440px; position: absolute; left: 50%; margin-left: -220px; top: 50%; margin-top: -220px; }
.about3_main .cent-column .logo-ico { display: block; width: 176px; height: 176px; background: url(../images/ico_12.png) no-repeat center; position: absolute; left: 50%; margin-left: -88px; top: 50%; margin-top: -88px; z-index: 11; }
.about3_main .cent-column .sector-box { opacity: 0; -webkit-transition: 0.6s linear 0.2s; transition: 0.6s linear 0.2s; }
.about3_main .cent-column .sector-fir { width: 338px; height: 208px; background: url(../images/img_02.png) no-repeat center; left: 58px; top: -40px; z-index: 1; }
.about3_main .cent-column .sector-sec { width: 270px; height: 303px; background: url(../images/img_03.png) no-repeat center; left: -40px; top: 85px; }
.about3_main .cent-column .sector-thi { width: 307px; height: 234px; background: url(../images/img_04.png) no-repeat center; left: 88px; bottom: -40px; z-index: 1; }
.about3_main .cent-column .sector-fou { width: 239px; height: 305px; background: url(../images/img_05.png) no-repeat center; right: -40px; top: 50px; z-index: 3; }
.about3_main .cent-column .up-hovbg { position: absolute; width: 440px; height: 440px; left: 0; top: 0; z-index: 10; }
.about3_main .cent-column .up-hovbg area { outline-style: none; }
.about3_main .cent-column .up-hovbox { position: absolute; width: 440px; height: 440px; left: 0; top: 0; z-index: 9; }
.about3_main .cent-column .up-hovbox span { /*display: none;*/ opacity: 0; transition: all 0s; }
.about3_main .cent-column.active .up-hovbox span { opacity: 0; }
.about3_main .cent-column .line-box { display: block; width: 0; -webkit-transition: width 0.5s linear 0.8s; transition: width 0.5s linear 0.8s; }
.about3_main .cent-column .line-fir { height: 171px; right: 335px; top: -53px; background: url(../images/line_01.png) no-repeat right top; }
.about3_main .cent-column .line-sec { height: 70px; right: 372px; bottom:10px; background: url(../images/line_02.png) no-repeat right top; }
.about3_main .cent-column .line-thi { height: 60px; left: 368px; bottom:10px; background: url(../images/line_03.png) no-repeat left top; }
.about3_main .cent-column .line-fou { height: 114px; left: 360px; top: -42px; background: url(../images/line_04.png) no-repeat left top; }
.about3_main .cent-column .cont-box { position: absolute; width: 232px; padding: 28px 15px 16px 15px; background: url(../images/bg_12.png) no-repeat center top;z-index:10; height: 79px; opacity: 0; -webkit-transition: opacity 0.5s linear 1.3s; transition: opacity 0.5s linear 1.3s; }
.about3_main .cent-column .cont-box .stt { font-size: 24px; line-height: 34px; padding-left: 40px; color: #e43b2c; }
.about3_main .cent-column .cont-box .stt b { color: #fff; font-size: 20px; font-weight: 100; margin-left: 5px; }
.about3_main .cent-column .cont-box .font { line-height: 22px; font-size: 16px; color: #fff; opacity: 0.6; padding-left:40px; }
.about3_main .cent-column .boxs1 { left: -388px; top: -15px; }
.about3_main .cent-column .boxs2 { left: -390px; bottom: -64px; }
.about3_main .cent-column .boxs3 { right: -410px; bottom: -70px; }
.about3_main .cent-column .boxs4 { right: -355px; top: -27px; }
.about3_main .cent-column.active .sector-box { opacity: 1; }
.about3_main .cent-column.active .sector-fir { left: 50px; top: 0; }
.about3_main .cent-column.active .sector-sec { left: -25px; top: 65px; }
.about3_main .cent-column.active .sector-thi { left: 80px; bottom: 0; }
.about3_main .cent-column.active .sector-fou { right: -5px; top: 58px; }
.about3_main .cent-column.active .line-fir { width: 314px; }
.about3_main .cent-column.active .line-sec { width: 213px; }
.about3_main .cent-column.active .line-thi { width: 203px; }
.about3_main .cent-column.active .line-fou { width: 256px; }
.about3_main .cent-column.active .cont-box { opacity: 1; }
.about4_main { background: #fff; }
.about4_main .body { background: url(../images/about4_bg.jpg) center top no-repeat; width: 100%; height: 499px; padding-top: 100px; }
/**********roundabout**********/
.about4_main .body .roundabout_box { height: 377px; width: 1200px; margin: 0px auto 20px auto; }
.about4_main .body .roundabout-holder { list-style: none; width: 1020px; height: 377px; margin: 0px auto; }
.about4_main .body .roundabout-moveable-item { font-size: 14px !important; height: 377px; width: 503px; cursor: pointer; position: relative; }
.about4_main .body .roundabout-moveable-item a { position: relative; opacity: 1; display: block; }
.about4_main .body .roundabout-moveable-item img { height: 100%; width: 100%; margin: 0; position: relative; z-index: 2; }
.about4_main .body .roundabout-in-focus { cursor: auto; border: 0 none; }
/*.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;}*/
.about4_main .body .roundabout-holder .text { color: #333; display: none; position: relative; z-index: 3; line-height: 63px; font-size: 18px; text-align: center; }
.about4_main .body .roundabout-holder .text b { color: #000; display: block; font-weight: normal; font-size: 18px; }
.about4_main .body .roundabout-in-focus .text { display: block; }
.about4_main .body .roundabout-in-focus000:hover span { display: inline; position: absolute; bottom: 5px; right: 5px; padding: 8px 20px; background: #f9f9f9; color: #3366cc; z-index: 999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; border-left: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; }
.about4_main .body .roundabout a:active, .about4_main .body .roundabout a:focus, .about4_main .body .roundabout a:visited { outline: none; text-decoration: none; }
.about4_main .body .roundabout li { margin: 0; }
.about4_main .tit { position: relative; padding-top: 90px; }
.about4_main .tit h3 { font-size: 65px; color: #cd2313; font-weight: 100; text-transform: uppercase; }
.about4_main .tit h4 { font-size: 32px; color: #cd2313; font-weight: 100; padding-bottom: 75px; }
.about4_main i { width: 197px; height: 197px; background: url(../images/about_4.png) no-repeat; position: absolute; right: -46px; top: -74px; }
.about5_main { background: url(../images/about_2_bg.jpg) repeat; width: 100%; padding-top: 100px; padding-bottom: 100px; }
.about5_main .right { width: 431px; }
.about5_main .right img { width: 431px; }
.about5_main .left { width: 702px; }
.about5_main .left img { float: right; padding-top: 72px; }
.about5_main .left h3 { font-size: 65px; color: #b81c25; font-weight: 100; margin-bottom: 25px; text-transform: uppercase; padding-top: 12px; }
.about5_main .left h4 { font-size: 32px; color: #333; font-weight: 100; margin-bottom: 33px; }
.about5_main .left .p { line-height: 24px; font-size: 14px; }
.about6_main { background: #f3f3f3; }
.about6_main .box1 { padding-bottom: 57px; }
.about6_main .box1 .slideBox { width: 693px; height: 457px; overflow: hidden; position: relative; }
.about6_main .box1 .slideBox .hd { display: none; }
.about6_main .box1 .slideBox .bd { position: relative; height: 100%; z-index: 0; }
.about6_main .box1 .slideBox .bd li { zoom: 1; vertical-align: middle; }
.about6_main .box1 .slideBox .bd img { width: 693px; height: 457px; display: block; }
.about6_main .box1 .slideBox .prev, .about6_main .box1 .slideBox .next { position: absolute; left: 0; bottom: 0; display: block; width: 78px; height: 50px; background: #f9f9f9; text-align: center; font-size: 25px; line-height: 50px; }
.about6_main .box1 .slideBox .next { left: 78px; background: #b81c25; color: #fff; }
.about6_main .box1 .slideBox .prev:hover, .about6_main .box1 .slideBox .next:hover { background: #d2222c; color: #fff; }
.about6_main .box2 { overflow: hidden; }
.about6_main .box2 ul { width: 110%; }
.about6_main .box2 li { margin-right: 54px; width: 195px; height: 205px; overflow: hidden; border: 1px solid #ececec; float: left; }
.about6_main .box2 li img { width: 195px; height: 205px; transition: ease-in-out .5s; overflow: hidden; display: block; }
.about6_main .box2 li:hover img { transform: scale(1.1); }
.about6_main .left { width: 443px; }
.about6_main .left h3 { font-size: 60px; font-weight: 100; text-transform: uppercase; padding-top: 92px; color: #b81c25; }
.about6_main .left h4 { font-size: 32px; font-weight: 100; padding-top: 15px; padding-bottom: 37px; color: #333; }
.about6_main .left p { line-height: 24px; margin-bottom: 47px; color: #999; }
.about6_main .left a { display: block; border: 1px solid #b81c25; text-align: center; width: 148px; height: 48px; line-height: 48px; color: #fff; transition: ease-in-out .2s; background: #b81c25; }
.about6_main .left a:hover { background: #cb291e; }
.about7_main { background: #fff; padding-top:80px; padding-bottom: 98px; }
.about7_main .picScroll-left { position: relative; height: 285px; }
.about7_main .picScroll-left .hd .prev, .about7_main .picScroll-left .hd .next { display: block; width: 52px; height: 54px; overflow: hidden; position: absolute; left: -90px; top: 50%; margin-top: -27px; cursor: pointer; background-position: -339px -143px; }
.about7_main .picScroll-left .hd .next { background-position: -398px -143px; left: auto; right: -90px; }
.about7_main .picScroll-left .hd ul { float: right; overflow: hidden; margin-top: 10px; zoom: 1; }
.about7_main .picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("../images/icoCircle.gif") 0 -9px no-repeat; }
.about7_main .picScroll-left .hd ul li.on { background-position: 0 0; }
.about7_main .picScroll-left .bd { overflow: hidden; width: 1200px; }
.about7_main .picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.about7_main .picScroll-left .bd ul li { margin-right: 29px; float: left; _display: inline; text-align: center; position: relative; width: 380px; height: 285px; overflow: hidden; }
.about7_main .picScroll-left .bd ul li img { width: 380px; height: 285px; }
.about7_main .picScroll-left .bd ul li .on { position: absolute; left: 0; top: 0; background: url(../images/bg5.png) repeat; display: block; z-index: 10; width: 100%; height: 100%; transition: ease-in-out .2s; }
.about7_main .picScroll-left .bd ul li .on i { width: 64px; height: 64px; background-position: 0 -163px; top: 50%; position: absolute; left: 50%; margin-left: -32px; margin-top: -32px; transition: ease-in-out .2s; }
.about7_main .picScroll-left .bd ul li a:hover .on { opacity: 0; }
.about7_main .tit { padding-bottom: 50px; }
.about7_main .tit .left { width: 469px; border-right: 1px solid #c6c6c6; padding-right: 130px; }
.about7_main .tit .left h3 { font-weight: 100; font-family: arial; padding-bottom: 43px; }
.about7_main .tit .left p { padding-bottom: 26px; }
.about7_main .tit .right h3 { font-size: 65px; color: #cd2313; font-weight: 100; text-transform: uppercase; }
.about7_main .tit .right h4 { font-size: 32px; font-weight: 100; }
.section2 .screen-main {  width: 1200px; margin-left: -600px; margin-top:-215px; }
.section2 .left { width:503px; padding-left: 58px; position: relative; }
.section2 .left .line { width: 10px; height: 100px; background: linear-gradient(to bottom, #f44e10, #e00100); position: absolute; left: 0; top: 0; }
.section2 .left a { border-top: 1px solid #000000; width: 142px; display: block; position: relative; padding-top:12px; font-size: 16px; margin-top: 25px; transition: ease-in-out .2s; }
.section2 .left a i { background-position: -463px 0; width: 30px; height: 5px; position: absolute; right: 0; top: 21px; transition: width .2s; }
.section2 .left a:hover { border-top: 1px solid #cd2313; }
.section2 .left a:hover i { background-position: -463px -9px; right: -20px; }
.section2 .left ul{width:120%;}
.section2 .left li { float: left; text-align: center; margin-right: 20px;width:158px; }
.section2 .left li .ico { border-radius: 100%; background: #fff; width: 71px; height: 71px; border: 1px solid #e8e8e8; background: #f7f7f7; padding: 5px; margin: 0 auto; transition: ease-in-out .2s; }
.section2 .left li .ico i { width: 71px; height: 71px; background-position: -115px -131px; border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
.section2 .left .l2 .ico i { background-position: -186px -131px; }
.section2 .left .l3 .ico i { background-position: -257px -131px; }
.section2 .left .ico:hover { background: #cd2313; }
.section2 .left .t { font-size: 16px; color: #000; padding-top: 10px; padding-bottom:5px; }
.section2 .left .p { color: #999;font-size:12px; }
.section2 .left h3 { font-size: 32px; line-height: 50px; color: #000; }
.section2 .left h4{font-size:18px;font-family:Arial;text-transform:uppercase;}
.section2 .left h5 { font-size: 18px; font-weight: 100; padding-bottom: 30px; padding-top: 10px; color: #cd2313; }
.section2 .left p { margin-bottom: 34px; opacity: 0.9; line-height: 24px; }
.section2 .right { width: 374px; margin-right:65px; }
.section2 .right .slideBox { width:374px; height: 559px; position: relative; }
.section2 .right .slideBox .hd { height:23px; overflow: hidden; position: absolute; left: -700px; top: 500px; z-index: 1; }
.section2 .right .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.section2 .right .slideBox .hd ul li { float: left; margin-right:15px; width:10px; height:10px; margin-top:6px; line-height: 8px; text-align: center; background: #666; cursor: pointer; border-radius:5px;  }
.section2 .right .slideBox .hd ul li.on { background:#e60013; color: #fff;width:24px; }
.section2 .right .slideBox .bd { position: relative; height: 100%; z-index: 0; padding-left:69px;padding-top:24px;overflow:hidden;width:245px;height:476px; }
.section2 .right .slideBox  .bg{width:374px;height:559px;background:url(../images/s2_bg.png) no-repeat;position:absolute;z-index:10;left:0;top:0;}
.section2 .right .slideBox .bd li { zoom: 1; vertical-align: middle;  }
.section2 .right .slideBox .bd li img {width:245px;height:476px; }

.map_ul { list-style: outside none none; display: block; width: 100%; padding-top:50px; padding-bottom:100px }
.map_ul li { display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left; }
.map_ul li a { font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold; }
.map_ul .list-inline { display: block; margin-left: 14%; width: 80%; min-height: 30px; }
.map_ul .list-inline a { font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px; }
.map_ul .list-inline a:hover { background: #cd2313; color: #fff; }
.honer_list li{ height:auto}
.honer_list li .img{height:270px;}
.honer_list li .img img{height:270px;}
#top2 {
    position: fixed;
    right:10px;
    bottom: 75px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background:url(../images/top.png) no-repeat;
    text-align: center;
    z-index: 99;
}
.ny_bott1 {
    height: 100px;
    line-height: 100px;
}
.ny_bott2 {
    line-height: 60px;
    height: 60px;
}
@-webkit-keyframes rotate {  0% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes rotate {  0% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-webkit-keyframes rotates {  0% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes rotates {  0% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@media screen and (max-width: 1500px) {
.head_main { height: 80px; }
.head_main .left img { padding-top: 8px; }
.head_main .nav .app { margin-top: 20px; }
.head_main .nav li { height: 80px; line-height: 80px; }
.head_main .nav li a { height: 80px; }
.head_main .nav .sub-box { top: 80px; }
.screen-main { margin-top: -245px; }
    .section1 .screen-main{ margin-left:-500px;

    }
    .section2 .left .line {
        top:20px;
    }
    .section2 .left h4 {
        display: none;
    }
    .section2 .left h3 {
        padding-top: 10px;
    }
       .section2 .left h5 {
        padding-bottom: 20px;
    }
       .section2 .right .slideBox .hd{top:470px;}
    .about1_main {
        margin-top: 80px;
    }
    .sub_banner {
        margin-top: 80px;
    }

.section4 .box1 .left h5 { display: none; }
.section4 .box1 .left h3 { padding-top: 45px; }
.section4 .box1 .left p { padding-top: 15px; }
.section4 .box1 .right ul li h4 { padding-bottom: 10px; padding-top: 39px; }
.section5 .left p{margin-bottom:20px;}
.section6 .tel { margin-top: -158px; }
    .section6 .mess h3 {
        display: none;
    }
    .section6 .mess h4 {
        padding-top:150px;
    } 

    .about7_main .picScroll-left .hd .next{right:-65px;}
      .about7_main .picScroll-left .hd .prev{left:-65px;}
}
.bei{position:fixed;left:18px;bottom:0;background:#b50e03;color:#fff;text-align:center;height:42px;line-height:42px; z-index:100;border-radius:5px 5px 0 0; padding:0 10px;font-size:13px;}
.bei a{color:#fff;}
